<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- SEO优化 -->
    <title>
      从Blockly到Python数据分析与可视化——一个基于Blockly可视化拖拽的教学平台
    </title>
    <!-- 网站说明 -->
    <meta
      name="description"
      content="从Blockly到Python数据分析与可视化——本网站基于 Blockly 可视化拖拽的编程方法，设计了一套从 Blockly 到 Python 数据分析与可视化的教学平台及案例。"
    />
    <!-- 关键字 -->
    <meta name="keywords" content="Blockly,Python,数据分析,可视化,拖拽,编程" />
    <!-- 引入favicon图标  -->
    <link rel="shortcut icon" href="images/favicon.ico" />
    <!-- 引入初始化样式文件 -->
    <link rel="stylesheet" href="css/base.css" />
    <!-- 引入公共样式文件 -->
    <link rel="stylesheet" href="css/common.css" />
    <!-- 引入index.css -->
    <link rel="stylesheet" href="css/index.css" />
  </head>

  <!-- Google tag (gtag.js) -->
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=G-LHEJS09B49"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag("js", new Date());

    gtag("config", "G-LHEJS09B49");
  </script>

  <body>
    <!-- 导航模块 start -->
    <nav class="nav">
      <iframe
        width="100%"
        height="80"
        src="nav.html"
        frameborder="no"
        marginwidth="0"
        marginheight="0"
        scrolling="no"
      ></iframe>
    </nav>
    <!-- 导航模块 end -->

    <!-- main主体模块 start -->
    <div class="main">
      <div class="main-box-img">
        <div class="mask">
          <div class="mask-mask">
            <div class="mask-mask-mask"></div>
          </div>
          <div class="line1"></div>
          <div class="line2"></div>
          <div class="main-box">
            <div style="text-align: center">
              <h2>Blockly数据分析教学平台</h2>
            </div>
            <div>
              <i></i
              ><span
                >Blockly 是一款由谷歌开发的运行在网页客户端的 JavaScript
                库，目的是用来打造以积木块为基础，附带编辑器的视觉化程式设计语言，
                使得程序的撰写更加容易，并且可以生成对应的
                JavaScript，Python，PHP 或 Dart 等源代码。
              </span>
            </div>
            <div>
              <i></i
              ><span
                >本网站基于Blockly二次开发，保留原有程序逻辑功能，并将Pandas、Numpy、Matplotlab等库的主要函数设计为block模块，非常适合中学阶段的Python学习和实验数据处理与可视化。</span
              >
            </div>

            <div style="float: right">
              查看源码:
              <a
                href="https://gitee.com/chajiuqqq/blockly2python"
                target="_blank"
                ><img src="./images/gitee_logo.png" width="100"
              /></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="banner main">
      <div class="main-box1 clearfix">
        <div class="left-text">
          <div>
            <h1>面向对象</h1>
            <p>
              面向初中、高中生开设。
              <br />目的通过可视化 Blockly 环境
              学会对数据处理，学会处理物理、化学等相关实验数据，并实现数据的可视化。
            </p>
          </div>
        </div>
        <div class="right-img"></div>
      </div>
      <div class="main-box2 clearfix">
        <div class="left-img"></div>
        <div class="right-text">
          <h1>相关背景</h1>
          <p>
            中学阶段的相关实验（物理、化学、生物等）需要做很多相关的验证和少量探索性的实验，实验过程中会获取、处理很多相关数据，并撰写实验报告。这些科技活动也是人类对自然的认知过程的缩影，其过程即是
            <strong>“从实验数据—>回归公式”</strong
            >的过程，也是探索发现不同数据之间的关系的过程。
          </p>
          <p>
            由于中小学，没有针对相关实验数据处理的编程课程，几乎所有的学生都是采用手工完成数据处理，
            对相关实验数据的处理基本上还是停留在手工用计算器计算、Excel
            表格简单处理阶段，不仅工作量较大，
            而且不美观，更容易出错，如果前面的数据出错，后面的所有计算都要重做。
          </p>
          <p>
            因此急需一个简单易用的数据分析平台来简化数据处理流程，让“人工智能+教育”落到实处。
          </p>
        </div>
      </div>
      <div class="main-box1 clearfix">
        <div class="left-text">
          <div>
            <h1>研发人员</h1>
            <table>
              <tr>
                <td>李鲁群教授：</td>
                <td>success@shnu.edu.cn</td>
              </tr>
              <tr>
                <td>蔡佳晨老师：</td>
                <td>chajiuqqq@gmail.com</td>
              </tr>
              <tr>
                <td>周&nbsp;&nbsp;&nbsp;莹老师：</td>
                <td>Zyy_0818@outlook.com</td>
              </tr>
            </table>
            <!-- <ul>
                        <li>李鲁群：success@shnu.edu.cn</li>
                        <li>蔡佳晨：chajiuqqq@gmail.com</li>
                        <li>周莹：Zyy_0818@outlook.com</li>
                    </ul> -->
          </div>
        </div>
        <div class="right-img2"></div>
      </div>
    </div>
    <!-- main主体模块 end -->

    <!-- footer模块 start -->
    <footer class="footer">
      <div class="w">
        <iframe
          width="100%"
          height="50"
          src="foot.html"
          frameborder="no"
          marginwidth="0"
          marginheight="0"
          scrolling="no"
        ></iframe>
      </div>
    </footer>
    <!-- footer模块 end -->
  </body>
</html>
